<template>
	<div class="page">
		<div class="busyBox">
			<div class="busyBody">
				<img v-bind:src="appConfig.staticUrl+'/img/busy.png'" alt="" class="busyImg">
				<div class="busyTip">
					<p>前方拥挤，</p>
					<p>正在努力恢复页面中...</p>
				</div>
			</div>

		</div>
	</div>
</template>

<script>
	export default {}
</script>

<style lang="scss">
	html,
	body {
		height: 100%;
	}

	body {
		margin: 0;
	}

	img {
		max-width: 100%;
	}

	a, img {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	#app {
		height: 100%;
	}

	.page {
		max-width: 425px;
		height: 100%;
	}

	.busyBox {
		height: 100%;
		background: #f1f1f1;
		font-size: 15px;
		color: #666;
	}

	.busyBody {
		position: absolute;
		top: 20%;
		width: 100%;
		text-align: center;
	}

	.busyImg {
		width: 80%;
	}

	.busyTip {
		text-align: left;
		width: 10em;
		margin: 10px auto 0;

		p {
			margin: 4px 0;
		}
	}
</style>